<admintpl file="header"/>
<script type="text/javascript">
    var catid = "12";
</script>
<style type="text/css">
.col-auto {
	overflow: hidden;
	_zoom: 1;
	_float: left;
	border: 1px solid #c2d1d8;
}
.col-right {
	float: right;
	width: 210px;
	overflow: hidden;
	margin-left: 6px;
	border: 1px solid #c2d1d8;
}
body fieldset {
	border: 1px solid #D8D8D8;
	padding: 10px;
	background-color: #FFF;
}
body fieldset legend {
    background-color: #F9F9F9;
    border: 1px solid #D8D8D8;
    font-weight: 700;
    padding: 3px 8px;
}
.list-dot{ padding-bottom:10px}
.list-dot li,.list-dot-othors li{padding:5px 0; border-bottom:1px dotted #c6dde0; font-family:"宋体"; color:#bbb; position:relative;_height:22px}
.list-dot li span,.list-dot-othors li span{color:#004499}
.list-dot li a.close span,.list-dot-othors li a.close span{display:none}
.list-dot li a.close,.list-dot-othors li a.close{ background: url("__ROOT__/statics/images/cross.png") no-repeat left 3px; display:block; width:16px; height:16px;position: absolute;outline:none;right:5px; bottom:5px}
.list-dot li a.close:hover,.list-dot-othors li a.close:hover{background-position: left -46px}
.list-dot-othors li{float:left;width:24%;overflow:hidden;}
</style>
</head>
<body class="J_scroll_fixed">
<div class="wrap J_check_wrap">
	<div class="nav">
		<ul class="cc">
			<li class="current"><a href="#">{$term.name|default='页面编辑'}</a></li>
		</ul>
	</div>
	<form name="myform" id="myform" action="{:u('post/edit_post')}" method="post" class="J_ajaxForms" enctype="multipart/form-data">
		<div class="col-right">
			<div class="table_full">
				<table width="100%">
				<tr>
					<td>
						<b>缩略图</b>
					</td>
				</tr>
				<tr>
					<td>
						<div style="text-align: center;">
							<input type='hidden' name='smeta[thumb]' id='thumb' value="{$smeta.thumb|default=''}">
							<a href='javascript:void(0);' onclick="flashupload('thumb_images', '附件上传','thumb',thumb_images,'1,jpg|jpeg|gif|png|bmp,1,,,1','','','');return false;">
							<img src="{$smeta.thumb|default='__ROOT__/statics/images/icon/upload-pic.png'}" id='thumb_preview' width='135' height='113' style='cursor:hand' /></a>
							<!-- <input type="button" class="btn" onclick="crop_cut_thumb($('#thumb').val());return false;" value="裁减图片">  -->
							<input type="button" class="btn" onclick="$('#thumb_preview').attr('src','__ROOT__/statics/images/icon/upload-pic.png');$('#thumb').val('');return false;" value="取消图片">
						</div>
					</td>
				</tr>


				<tr>
					<td>
						<b>发布时间</b>
					</td>
				</tr>
				<tr>
					<td>
						<input type="text" name="post[post_modified]" id="updatetime" value="{$post.post_modified}" size="21" class="input length_3 J_datetime ">
					</td>
				</tr>
<!-- 				<tr>
					<td>
						<b>允许评论</b>
					</td>
				</tr>
				<tr>
					<td>
						<php>
          		$comment_yes=$post[comment_status]==1?"checked":"";
          		$comment_no=$post[comment_status]==0?"checked":"";
						</php>
						<label class="ib" style="width:88px"><input type="radio" name='post[comment_status]' id="allow_comment_1" value="1" {$comment_yes}> 允许评论</label>
						<label class="ib" style="width:88px"><input type="radio" name='post[comment_status]' id="allow_comment_0" value="0" {$comment_no}> 不允许评论</label>
					</td>
				</tr> -->
<!-- 				<tr>
					<td>
						<b>状态</b>
					</td>
				</tr>
				<tr>
					<td>
						<span class="switch_list cc">
						<php>
          		$status_yes=$post[post_status]==1?"checked":"";
          		$status_no=$post[post_status]==0?"checked":"";
						</php>
						<label><input type="radio" name="post[post_status]" value="1" {$status_yes}><span>审核通过</span></label>
						<label><input type="radio" name="post[post_status]" value="0" {$status_no}><span>待审核</span></label>
						</span>
					</td>
				</tr> -->
				</table>
			</div>
		</div>
		<div class="col-auto">
			<div class="h_a">
				文章内容
			</div>
			<div class="table_full">
				<table width="100%" id="xijie-body">
				<tbody>
				<if condition="$term['name'] neq ''">
				<tr>
					<th width="80">
						栏目
					</th>
					<td>
						<input type="hidden" name="term[term_id]" value="{$term.term_id}">{$term.name}
					</td>
				</tr>
				</if>
				<tr>
					<th width="80">
						标题
					</th>
					<td>
						<input type="hidden" name="post[ID]" value="{$post.ID}">
						<input type="text" style="width:400px;" name="post[post_title]" id="title" value="{$post.post_title}" style="color:" class="input input_hd J_title_color" placeholder="请输入标题" onkeyup="strlen_verify(this, 'title_len', 160)"/>
						<span class="must_red">*</span>
					</td>
				</tr>
<!--  -->
<!-- 				<tr>
					<th width="80">
						内链关联词
					</th>
					<td>
						<input type='text' name='post[inner_keyword]' id='keywords' value='{$post["inner_keyword"]}' style='width:150px' class='input' placeholder=''>
					</td>
				</tr> -->
<!--  -->
				<tr>
					<th width="80">
						来源
					</th>
					<td>
						<input type='text' name='post[source]' id='keywords' value='{$post["source"]}' style='width:150px' class='input' placeholder=''>
					</td>
				</tr>	

				<tr>
					<th width="80">
						关键词
					</th>
					<td>
						<input type='text' name='post[post_keywords]' id='keywords' style='width:280px' value="{$post['post_keywords']}" class='input' placeholder='请输入关键字'> 多关键词之间用空格隔开
					</td>
				</tr>
				<tr>
					<th width="80">
						摘要
					</th>
					<td>
						<textarea name='post[post_excerpt]' id='description' style='width:98%;height:50px;'>{$post.post_excerpt}</textarea>
					</td>
				</tr>
				<!--              -->
				<tr>
					<th width="80">
						内容
					</th>
					<td width="85%">
<admintpl file="ueditor_file" />
						<script id="container" name="post[post_content]" type="text/plain">
{$post.post_content}
						</script>
						
<admintpl file="content_ueditor_config" />
						
					</td>
				</tr>

				<!--              -->
				<tr>
					<th width="80">
						相册图集
					</th>
					<td>
						<fieldset class="blue pad-10">
							<legend>图片列表 双击可以查看</legend>
							<ul id="photos" class="picList">
								<foreach name="smeta['photo']" item="vo">
								<li id="savedimage{$key}">
								<input type="text" name="photos_url[]" value="{$vo['url']}" title='双击查看' style="width:310px;" ondblclick="image_priview(this.value);" class="input">
								<input type="text" name="photos_alt[]" value="{$vo.alt}" style="width:160px;" class="input" onfocus="if(this.value == this.defaultValue) this.value = ''" onblur="if(this.value.replace(' ','') == '') this.value = this.defaultValue;">
								<a href="javascript:remove_div('savedimage{$key}')">移除</a>
								</li>
								</foreach>
							</ul>
						</fieldset>
						<div class="bk10">
						</div>
						<a href='javascript:void(0);' onclick="javascript:flashupload('albums_images', '图片上传','photos',change_images,'10,gif|jpg|jpeg|png|bmp,0','','','')" class="btn">选择图片 </a>
					</td>
				</tr>
				<!-- 修改点 -->
<!-- 				<tr>
					<th width="80">
						产品色调
					</th>
					<td>
<script src="/Public/jquery-minicolors/jquery.minicolors.js"></script>
<link rel="stylesheet" href="/Public/jquery-minicolors/jquery.minicolors.css">
<input type="text" name="post[color]" class="input demo" value="{$post['color']}">

					</td>
				</tr> -->
				<!-- /修改点 -->



				</tbody>
				</table>
			</div>
		</div>
		<input type="hidden" name="term[term_id]" value="{$term_id}">
		<div class="btn_wrap" style="z-index:999;text-align: center;">
			<div class="btn_wrap_pd">
				<input value="56" type="hidden" name="id">
				<input type="hidden" name="catid" value="12"/>
				<input type="hidden" name="ajax" value="1"/>

				<!-- <a class="btn btn_submit" id="add_xijie" onclick="add_para()">增加参数</a> -->

				<button class="btn btn_submit J_ajax_submit_btn"type="submit">提交</button>
				<button class="btn J_ajax_close_btn"type="submit">关闭</button>
				<a href="/admin/post/edit/term/{$term_id}/id/{$id-1}.html" class="btn">-1</a>
				<a href="/admin/post/edit/term/{$term_id}/id/{$id+1}.html" class="btn">+1</a>
			</div>
		</div>
	</form>
</div>
<script type="text/javascript" src="__ROOT__/statics/js/common.js{$js_debug}"></script>
<script type="text/javascript" src="__ROOT__/statics/js/content_addtop.js{$js_debug}"></script>
<script type="text/javascript"> 

function add_para(){
	var html = '<tr>';
	html 	+= '<td>';
	html 	+= '<input type="text" class="input" name="post[para][name][]" value="">';
	html 	+= '</td>';
	html 	+= '<td>';
	html 	+= '<textarea name="post[para][content][]" id="description" style="width: 100%;height:20px;"></textarea>';
	html 	+= '</td>';
	html 	+= '</tr>';
	$('#para-body').append(html);
}
$(function () {


	//setInterval(function(){public_lock_renewal();}, 10000);
	$(".J_ajax_close_btn").on('click', function (e) {
	    e.preventDefault();
	    Wind.use("artDialog", function () {
	        art.dialog({
	            id: "question",
	            icon: "question",
	            fixed: true,
	            lock: true,
	            background: "#CCCCCC",
	            opacity: 0,
	            content: "您确定需要关闭当前页面嘛？",
	            ok:function(){
					setCookie("refersh_time",1);
					window.close();
					return true;
				}
	        });
	    });
	});
	/////---------------------
	 Wind.use('validate', 'ajaxForm', 'artDialog', function () {
			//javascript
	            //编辑器
	            // editorcontent = new baidu.editor.ui.Editor();
	            // editorcontent.render( 'content' );
	            // try{editorcontent.sync();}catch(err){};
	            // //增加编辑器验证规则
	            // jQuery.validator.addMethod('editorcontent',function(){
	            //     try{editorcontent.sync();}catch(err){};
	            //     return editorcontent.hasContents();
	            // });
	            var form = $('form.J_ajaxForms');
	        //ie处理placeholder提交问题
	        if ($.browser.msie) {
	            form.find('[placeholder]').each(function () {
	                var input = $(this);
	                if (input.val() == input.attr('placeholder')) {
	                    input.val('');
	                }
	            });
	        }
	        //表单验证开始
	        form.validate({
				//是否在获取焦点时验证
				onfocusout:false,
				//是否在敲击键盘时验证
				onkeyup:false,
				//当鼠标掉级时验证
				onclick: false,
	            //验证错误
	            showErrors: function (errorMap, errorArr) {
					//errorMap {'name':'错误信息'}
					//errorArr [{'message':'错误信息',element:({})}]
					try{
						$(errorArr[0].element).focus();
						art.dialog({
							id:'error',
							icon: 'error',
							lock: true,
							fixed: true,
							background:"#CCCCCC",
							opacity:0,
							content: errorArr[0].message,
							cancelVal: '确定',
							cancel: function(){
								$(errorArr[0].element).focus();
							}
						});
					}catch(err){
					}
	            },
	            //验证规则
	            rules: {
	            	'post[post_title]':{required:1},
	            	// 'post[post_content]':{editorcontent:true}
	            },
	            //验证未通过提示消息
	            messages: {
	            	'post[post_title]':{required:'请输入标题'},
	            	// 'post[post_content]':{editorcontent:'内容不能为空'}
	            },
	            //给未通过验证的元素加效果,闪烁等
	            highlight: false,
	            //是否在获取焦点时验证
	            onfocusout: false,
	            //验证通过，提交表单
	            submitHandler: function (forms) {
	                $(forms).ajaxSubmit({
	                    url: form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
	                    dataType: 'json',
	                    beforeSubmit: function (arr, $form, options) {
	                    },
	                    success: function (data, statusText, xhr, $form) {
	                        if(data.status){
								setCookie("refersh_time",1);
								//添加成功
								Wind.use("artDialog", function () {
								    art.dialog({
								        id: "succeed",
								        icon: "succeed",
								        fixed: true,
								        lock: true,
								        background: "#CCCCCC",
								        opacity: 0,
								        content: data.info,
										button:[
											{
												name: '确定',
												callback:function(){
													//reloadPage(window);
													return true;
												},
												focus: true
											}
										]
								    });
								});
							}else{
								isalert(data.info);
							}
	                    }
	                });
	            }
	        });
	    });
	////-------------------------
});
</script>

<script src="__PUBLIC__/js/jquery-ui-1.10.4.custom.min.js"></script>
<script>
// Return a helper with preserved width of cells   
// 表格排序
var fixHelper = function(e, ui) {  
    //console.log(ui)   
    ui.children().each(function() {  
        $(this).width($(this).width());     //在拖动时，拖动行的cell（单元格）宽度会发生改变。在这里做了处理就没问题了   
    });  
    return ui;  
};  
   
  
jQuery(function(){  
    jQuery("#sortable tbody").sortable({                //这里是talbe tbody，绑定 了sortable   
        helper: fixHelper,                  //调用fixHelper   
        axis:"y",  
        start:function(e, ui){  
            ui.helper.css({"background":"#fff"})     //拖动时的行，要用ui.helper   
            return ui;  
        },  
        stop:function(e, ui){  
            //ui.item.removeClass("ui-state-highlight"); //释放鼠标时，要用ui.item才是释放的行   
            return ui;  
        }  
    }).disableSelection();  
})  

$('.demo').each( function() {
	$(this).minicolors({
		control: $(this).attr('data-control') || 'hue',
		defaultValue: $(this).val() || '',
		inline: $(this).attr('data-inline') === 'true',
		letterCase: $(this).attr('data-letterCase') || 'lowercase',
		opacity: $(this).attr('data-opacity'),
		position: $(this).attr('data-position') || 'top right',
		change: function(hex, opacity) {
			if( !hex ) return;
			if( opacity ) hex += ', ' + opacity;
			try {
				console.log(hex);
			} catch(e) {}
		},
		theme: 'default'
	});
   
});
</script>

</body>
</html>